
<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="css/Maincss.css">
	<script src="./js/nb.js"></script>
    <title>HDU-Gamemaker</title>
</head>
<body>
	
    <header>
        <div>
            <a href="#" class="logo">
            <img src="./img/logo.jpg" alt="HDU-Gamemaker" width="160px">
		</a>
        </div>
        <div><ul>
            <li><a href="#">游戏试玩</a></li>
            <li><a href="#">我们的活动</a></li>
            <li><a href="#">加入我们</a></li>
            <li><a href="#">最新动态</a></li>
            <li><a href="#">关于我们</a></li>
            <li><a href="#">资源下载</a></li>
            <li><a href="#">游戏制作教程</a></li>
        </ul></div>
    </header>
    <div class="content" >
        <div class="sp1">创造游戏，改变人生</div>
        <div class="sp2">来自杭州电子科技大学的游戏制作社团</div>
        <div class="sp3">HDUGameMaker</div>
        
    </div>
    <section class="banner1"></section>
    <section class="banner2"></section>
    <script>
        window.addEventListener("scroll",()=>{
            let header=document.querySelector("header");
            header.classList.toggle("sticky",window.scrollY>0);
        })
</script>
<div class="mainchoose">
	<div class="mycontent">
		<div class="trial">
			<a href="https://www.baidu.com"><!-- 这里的超链接是示例 -->
				<table align="center">
					<tr>
						<td><br>游戏试玩</td>
					</tr>
					<tr>
						<td valign="middle" height="70px" ><img src="img/trial.svg" width="60" style="vertical-align: middle;"/></td>
					</tr>
					<tr>
						<td style="font-size: 16px;color: #e1ffce;"><br><br>这是试玩的地方,你想干什么就可以干什么</td>
					</tr>
				</table>
			</a>
		</div>
		<div class="about">
			<a href="https://www.baidu.com">					
			<table align="center">
					<tr>
						<td><br>关于我们</td>
					</tr>
					<tr>
						<td valign="middle" height="70px" ><img src="img/team.svg" width="60" style="vertical-align: middle;"/></td>
					</tr>
					<tr>
						<td style="font-size: 16px;color:#e1ffce;"><br><br>我们是团队哦</td>
					</tr>
				</table></a>
		</div>
		<div class="join">
			<a href="https://www.baidu.com">					
			<table align="center">
					<tr>
						<td><br>加入我们</td>
					</tr>
					<tr>
						<td valign="middle" height="70px" ><img src="img/join.svg" width="60" style="vertical-align: middle;"/></td>
					</tr>
					<tr>
						<td style="font-size: 16px;color: #e1ffce;"><br><br>我们是一个强大的团队</td>
					</tr>
				</table></a>
		</div>
	</div>
</div>
<div id="background" style="background-image: url(./img/首页背景.jpg);">
	</div>
</body>
</html>